<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="../../../WEB-INF/plantilla/defecto.xhtml">
	<ui:define name="titulo">Transporte por tipo de agrupaci&#243;n</ui:define>
	<ui:define name="contenido">
		<h1>Transporte por tipo de agrupaci&#243;n</h1>
		<h:form>
			<!-- <p:panel header="Criterios de b&#250;squeda" toggleable="true"> -->
			<p:accordionPanel>
				<p:tab title="Criterios de b&#250;squeda">
					<div class="filas">
						<div class="tercio">
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtTransportista" value="Transportista:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtTransportista" />
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgTransportista"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgTransportista" value="Transportista" />
									</div>
								</div>
								<p:message for="txtTransportista" />
							</div>

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtCuenta" value="Cuenta:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtCuenta" />
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgCuenta"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgCuenta" value="Cuenta" />
									</div>
								</div>
								<p:message for="txtCuenta" />
							</div>

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboSolicitante" value="Solicitante:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="cboSolicitante"
											styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgSolicitante"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgSolicitante" value="Solicitante" />
									</div>
								</div>
								<p:message for="cboSolicitante" />
							</div>
						</div>
						<div class="tercio">
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtDepartamento" value="Departamento:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="txtDepartamento"
											styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgDepartamento"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgDepartamento" value="Departamento" />
									</div>
								</div>
								<p:message for="txtDepartamento" />
							</div>

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtOrdenInterno" value="Orden interno:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtOrdenInterno" />
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgOrdenInterno"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgOrdenInterno" value="Orden interno" />
									</div>
								</div>
								<p:message for="txtOrdenInterno" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtFechaInicio" value="Fecha inicio:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:calendar id="txtFechaInicio" locale="es"
											pattern="dd/MM/yyyy" onkeypress="agregarSlash(this);"/>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgFechaInicio"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgFechaInicio" value="Fecha  inicio" />
									</div>
								</div>
								<p:message for="txtFechaInicio" />
							</div>


						</div>

						<div class="tercio">
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtNumGuia" value="N° Gu&#237;a:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtNumGuia" styleClass="secCodigo" />-<p:inputText id="txtNumGuia1" styleClass="secSerie" />
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgGuia"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgGuia" value="N° Gu&#237;a" />
									</div>
								</div>
								<p:message for="txtNumGuia" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtNumSolicitud" value="Solicitud:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtNumSolicitud" />
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgNumSolicitud"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgNumSolicitud" value="Solicitud" />
									</div>
								</div>
								<p:message for="txtNumSolicitud" />
							</div>


							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtFechaFin" value="Fecha fin :" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:calendar id="txtFechaFin" locale="es" pattern="dd/MM/yyyy" onkeypress="agregarSlash(this);"/>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgFechaFin"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgFechaFin" value="Fecha fin" />
									</div>
								</div>
								<p:message for="txtFechaFin" />
							</div>
						</div>
					</div>
					<div class="boton">
						<p:commandButton value="Buscar" icon="ui-icon-search" />
						
						<p:commandButton value="Exportar" icon="ui-icon-disk" />
					</div>
					<div style="clear: both;"></div>
					<!-- </p:panel> -->
				</p:tab>
			</p:accordionPanel>
			<div class="scrollTabla">
				<p:dataTable paginator="true" paginatorPosition="bottom" rows="10"
					style="width: 100%" var="transporte"
					value="#{transporteService.lstTransporte}">
					<p:column styleClass="operador">
						<f:facet name="header">
							<h:outputText value="Transportista" />
						</f:facet>
						<h:outputText value="#{transporte.sOpeLog}" />
					</p:column>

					<p:column styleClass="departamento">
						<f:facet name="header">
							<h:outputText value="Departamento" />
						</f:facet>
						<h:outputText value="#{transporte.sDepartamento}" />
					</p:column>


					<p:column styleClass="campanya">
						<f:facet name="header">
							<h:outputText value="Campaña" />
						</f:facet>
						<h:outputText value="#{transporte.sCampanya}" />
					</p:column>

					<p:column styleClass="premio">
						<f:facet name="header">
							<h:outputText value="Premio" />
						</f:facet>
						<h:outputText value="#{transporte.sPremio}" />
					</p:column>

					<p:column styleClass="feria">
						<f:facet name="header">
							<h:outputText value="Feria" />
						</f:facet>
						<h:outputText value="#{transporte.sFeria}" />
					</p:column>

					<p:column styleClass="solicitud">
						<f:facet name="header">
							<h:outputText value="N° solicitud" />
						</f:facet>
						<h:outputText value="#{transporte.sNumSolicitud}" />
					</p:column>

					<p:column styleClass="tipoDestino">
						<f:facet name="header">
							<h:outputText value="Tipo de destino" />
						</f:facet>
						<h:outputText value="#{transporte.sTipDestino}" />
					</p:column>

					<p:column styleClass="solicitante">
						<f:facet name="header">
							<h:outputText value="Solicitante" />
						</f:facet>
						<h:outputText value="#{transporte.sSolicitante}" />
					</p:column>

					<p:column styleClass="guia">
						<f:facet name="header">
							<h:outputText value="Gu&#237;a" />
						</f:facet>
						<h:outputText value="#{transporte.sGuia}" />
					</p:column>
					<f:facet name="footer">  
          			 Total registros #{fn:length(transporteService.lstTransporte)}  
        		</f:facet>

				</p:dataTable>
			</div>
			<div style="clear: both;"></div>
		</h:form>


	</ui:define>

</ui:composition>